<template>
  <div class="container">
    <a-layout-header class="header">
      <div class="logo"/>
      <a-menu
        theme="white"
        mode="horizontal"
        :default-selected-keys="['2']"
        :style="{ lineHeight: '64px' }">
        <a-menu-item key="1">
          <img src=""/>
        </a-menu-item>
        <a-menu-item key="2" id="mine">
          我  的
        </a-menu-item>
      </a-menu>
    </a-layout-header>
  </div>
</template>

<script>
  export default {
    name: "Header",
    data() {
      return {};
    },
  }
</script>

<style scoped>
  .container {
    padding: 10px 100px 0px 100px;
  }

  #mine{
    float: right;
  }
</style>
